<!DOCTYPE html>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>详细页</title>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="css/common.css" />
    <link href="lib/mobiscroll/css/mobiscroll.animation.css" rel="stylesheet" type="text/css" />
    <link href="lib/mobiscroll/css/mobiscroll.icons.css" rel="stylesheet" type="text/css" />
    <link href="lib/mobiscroll/css/mobiscroll.frame.css" rel="stylesheet" type="text/css" />
    <link href="lib/mobiscroll/css/mobiscroll.scroller.css" rel="stylesheet" type="text/css" />
    <link href="lib/mobiscroll/css/custom_mobiscroll_selection.css" rel="stylesheet" type="text/css" />
    <link href="lib/mobiscroll/css/mobiscroll.image.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript" src="lib/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="lib/underscore.js"></script>
    <script src="lib/mobiscroll/js/mobiscroll.dom.js"></script>
    <script src="lib/mobiscroll/js/mobiscroll.core.js"></script>
    <script src="lib/mobiscroll/js/mobiscroll.scrollview.js"></script>
    <script src="lib/mobiscroll/js/mobiscroll.frame.js"></script>
    <script src="lib/mobiscroll/js/mobiscroll.scroller.js"></script>
    <script type="text/javascript" src="lib/global.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <style>
        a,input{
            color: red;
            display: block;
            text-align: center;
/*            margin: 0.05rem;*/
            width: 100%;
        }
    </style>
</head>

<body>
<!--通用头-->
<div class="header">
    <span class="leftBtn backBtn" onclick="window.history.back()">
           &nbsp;
    </span>
</div>

<!--主内容区-->
<div class="mainContainer detailContainer" id="commonDemo">
    <div class="shadow radius_big" style=" width: 80%;margin: 0 auto; padding: 0.5rem 0;">
	    头部、阴影、圆角统一使用模板中的方式shadow radius样式不要重写这两个样式，有区别新建class。
        <!--具体业务写到这个div中-->
        <br>
        ------------------------------------------------
        <br>获取动态数据：<br>
        [[姓名：<span class="name"></span>]]<br>
        [[年龄：<span class="age"></span>]]
    </div>
</div>
<a href="javascript:;" id="gotoSecondPage">page_goto跳转到第二个页面（需要回调函数）</a>
<a href="javascript:;" id="openUrlSecondPage">openUrl跳转到第二个页面（不需要回调函数）</a>
<a href="javascript:;" id="closeModal">关闭提示层</a>
<a href="javascript:;" id="openAlertModalSuccess">操作结果提示层(成功+遮罩)</a>
<a href="javascript:;" id="openAlertModalError">操作结果提示层（失败）</a>
<a href="javascript:;" id="openPaymentModal">微信支付提示层</a>
<a href="javascript:;" id="openInfoModal">静态信息提示层</a>
<input type="text" id="openTimeModal" placeholder="时间选择提示层"/>
<input type="text" id="openSelectModal" placeholder="选择提示层"/>
<a href="javascript:;" id="openTravelInfoModal">行程提示层</a>

<div class="bottom_list font10">
    <a class="home colorff6">首页</a>
    <a class="process colora29">正在办理</a>
    <a class="mine colora29">我的</a>
</div>
</body>
</html>
